import BjlMark from '@/assets/scratch/bjl-mark.png'
import BjlShow from '@/assets/scratch/bjl-show.png'
import LhcMark from '@/assets/scratch/lhc-mark.png'
import LhcShow from '@/assets/scratch/lhc-show.png'
import PcnnShow from '@/assets/scratch/pcnn-show.png'
import PcnnMark from '@/assets/scratch/pcnn-mark.png'
import JndsscMark from '@/assets/scratch/ssc-mark.png'
import { LotterCodeEnum } from '@/enum'

export interface CardStyle {
  markImg: string
  showImg: string
  height: string
}

export interface CardStyleObject {
  [key: number | string]: CardStyle
}

// 各游戏的遮罩图 和 背景图
export const cardStyleStore: CardStyleObject = {
  [LotterCodeEnum.pcnn]: { markImg: PcnnMark, showImg: PcnnShow, height: '106px' },

  [LotterCodeEnum.jnd]: { markImg: BjlMark, showImg: BjlShow, height: '185px' },
  [LotterCodeEnum.bjl]: { markImg: BjlMark, showImg: BjlShow, height: '185px' },
  [LotterCodeEnum.jnd4]: { markImg: BjlMark, showImg: BjlShow, height: '185px' },
  [LotterCodeEnum.jnd5]: { markImg: BjlMark, showImg: BjlShow, height: '185px' },
  [LotterCodeEnum.jndwp]: { markImg: BjlMark, showImg: BjlShow, height: '185px' },

  [LotterCodeEnum.jndssc]: { markImg: JndsscMark, showImg: BjlShow, height: '185px' },

  [LotterCodeEnum.xglhc]: { markImg: LhcMark, showImg: LhcShow, height: '265px' },
  [LotterCodeEnum.qxc]: { markImg: LhcMark, showImg: LhcShow, height: '265px' },
}

export const lhcDesStyleStore = {
  red: {
    color: '#ff3e3e',
  },
  blue: {
    color: '#6950ff',
  },
  green: {
    color: '#2f9758',
  },
}

export const lhcNumberStyleStore = {
  red: {
    normal: { color: '#ff5c52', border: '2px solid #ff9292' },
    special: {
      color: 'white',
      background: 'linear-gradient(180deg, #fe5c73 0%, #a00b0b 100%)',
      border: '2px solid #ff9292',
    },
  },
  blue: {
    normal: { color: '#6950ff', border: '2px solid #9180f6' },
    special: {
      color: 'white',
      background: 'linear-gradient(180deg, #5d4ad2 0%, #241871 100%)',
      border: '2px solid #9180f6',
    },
  },
  green: {
    normal: { color: '#2f9758', border: '2px solid #95ecb7' },
    special: {
      color: 'white',
      background: 'linear-gradient(180deg, #3db06a 0%, #077130 100%)',
      border: '2px solid #95ecb7',
    },
  },
}
